.el-dialog__body {
    max-height: 500px;
    overflow: auto;
  }
  
  .el-drawer__header {
    margin: 0px;
    padding: 8px;
    background-image: linear-gradient(180deg, #ffffff 4%, #e8e8f1 96%);
  }
  
  .el-dialog {
    background: #ffffff;
    border-radius: 9px;
    .el-dialog__header {
      background-image: linear-gradient(180deg, #ffffff 4%, #e8e8f1 96%);
      border-radius: 4px 4px 0px 0px;
      padding: 15px 20px 15px;
    }
    .el-dialog__title {
      font-family: PingFangSC-Semibold;
      font-size: 18px;
      color: rgba(0, 0, 0, 0.9);
      line-height: 18px;
      font-weight: 600;
    }
    .el-dialog__headerbtn {
      width: 24px;
      height: 24px;
      line-height: 24px;
      text-align: center;
      top: 15px;
      background: #bcc2d2;
      border-radius: 24px;
      .el-dialog__close::before {
        color: #ffffff !important;
      }
    }
  }
  
  .el-message-box {
    .el-message-box__header {
      background-image: linear-gradient(180deg, #ffffff 4%, #e8e8f1 96%);
    }
    .el-message-box__title {
      font-size: 16px;
    }
    .el-message-box__content {
      padding: 31px 15px;
    }
    .el-message-box__headerbtn {
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      background: #bcc2d2;
      border-radius: 20px;
      .el-message-box__close::before {
        color: #ffffff !important;
      }
    }
  
    .el-message-box__btns {
      .el-button--default {
        border: 1px solid #167cf3;
        background: transparent;
        color: #167cf3;
      }
  
      .el-button--primary {
        background: #167cf3;
        color: #fff;
      }
    }
  }


  .shadow {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }